<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/base.css" />
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/register.css" />
</head>
<body>
   <div id="b_register">
        <div id="header">
            <div class="container clearfix">
                <div class="header_l fl">
                    <ul class="clearfix">
                        <li class="active fl"><a href="#">波奇网</a></li>
                        <li class="fl"><a href="#">波奇商城</a></li>
                        <li class="fl"><a href="#">波奇服务</a></li>
                        <li class="fl"><a href="#">波奇论坛</a></li>
                        <li class="fl"><a href="#">宠物百科</a></li>
                    </ul>
                </div>
                <div class="header_r fr">
                    <ul class="clearfix">
                        <li class="fl login"><a href="login.html">登录</a></li>
                        <li class="fl login"><a href="register.html">注册</a></li>
                        <li class="fl metachat"><a href="#"><i class="icon-weibo iconfont"></i>微博</a>
                            <div>
                                <img src="../img/weibo.jpg" alt="" />
                            </div>
                        </li>
                        <li class="fl metachat"><a href="#"><i class="icon-weixin iconfont"></i>微信</a>
                            <div>
                                <img src="../img/wchat.jpg" alt="" />
                            </div>
                        </li>
                        <li class="fl metachat"><a href="#"><i class="icon-shouji iconfont"></i>手机版</a>
                            <div>
                                <img src="../img/tel.jpg" alt="" />
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="logo">
            <div class="container">
                <div class="logo_c clearfix">
                    <a href="../index.html" class="fl">
                        <img src="../img/logo2.gif" alt="" />
                    </a>
                    <h1 class="fl">用户注册</h1>
                </div>
            </div>
        </div>
        <div id="register">
            <div class="container">
                <div class="content clearfix">
                    <div class="content_l fl">
                        <div class="content_l_tag clearfix">
                            <div class="cont_l_list active fl">
                                <i class="icon-shouji iconfont"></i>手机注册
                            </div>
                            <div class="cont_l_list fl ">
                                <i class="icon-wo iconfont"></i>邮箱注册
                            </div>
                        </div>
                        <div class="toggle">
                            <div class="main tellphone">
                                <div class="phone forget_list">
                                    <label for="tel">手机号码：</label>
                                    <input type="text" id="tel" name="tel" placeholder="请输入手机号码"/>
                                </div>
                                <div class="password forget_list">
                                    <label for="password">设置密码：</label>
                                    <input type="password" id="password" name="password" placeholder="6-20大小写英文字母、数字或符号"/>
                                </div>
                                <div class="conform forget_list">
                                    <label for="conform">确认密码:</label>
                                    <input type="password" id="conform" name="conform" placeholder="请再次输入密码"/>
                                </div>
                                <div class="nickname forget_list">
                                    <label for="nickname">昵称:</label>
                                    <input type="text" id="nickname" name="nickname" placeholder="请输入昵称"/>
                                </div>
                                <div class="code forget_list">
                                    <label for="code">验证码:</label>
                                    <input type="text" id="code" name="code" />
                                    <span class="yzm"></span>
                                    <span class="btn">看不清？请换一张</span>
                                </div>
                                <!-- <div class="note forget_list">
                                    <label for="note">短信验证码:</label>
                                    <input type="text" id="note" name="note" />
                                    <span>获取短信验证码</span>
                                </div> -->
                                <div class="agree forget_list">
                                    <label for="agree">
                                        <input type="checkbox" id="agree" name="agree" />
                                        我已阅读并同意
                                        <a href="#">&lt;&lt;波奇网服务协议&gt;&gt;</a>
                                    </label>
                                </div>
                                <div class="btn forget_list">
                                    <div id="submit">注册</div>
                                </div>
                            </div>
                            <div class="main email">
                                <div class="phone forget_list">
                                    <label for="tell">手机号码：</label>
                                    <input type="text" id="tel1" name="tel1" placeholder="请输入手机号码"/>
                                </div>
                                <div class="youx forget_list">
                                    <label for="youx1">邮箱：</label>
                                    <input type="text" id="youx1" name="youx1" placeholder="请输入您的电子邮箱地址"/>
                                </div>
                                <div class="password forget_list">
                                    <label for="password1">设置密码：</label>
                                    <input type="password" id="password1" name="password1" placeholder="6-20大小写英文字母、数字或符号"/>
                                </div>
                                <div class="conform forget_list">
                                    <label for="conform1">确认密码:</label>
                                    <input type="password" id="conform1" name="conform1" placeholder="请再次输入密码"/>
                                </div>
                                <div class="nickname forget_list">
                                    <label for="nickname">昵称:</label>
                                    <input type="text" id="nickname1" name="nickname1" placeholder="请输入昵称"/>
                                </div>
                                <div class="code forget_list">
                                    <label for="code1">验证码:</label>
                                    <input type="text" id="code1" name="code1" />
                                    <span class="yzm"></span>
                                    <span class="btn">看不清？请换一张</span>
                                </div>
                                <!-- <div class="note forget_list">
                                    <label for="note">短信验证码:</label>
                                    <input type="text" id="note1" name="note1" />
                                    <span>获取短信验证码</span>
                                </div> -->
                                <div class="agree forget_list">
                                    <label for="agree1">
                                        <input type="checkbox" id="agree1" name="agree1" />
                                        我已阅读并同意
                                        <a href="#">&lt;&lt;波奇网服务协议&gt;&gt;</a>
                                    </label>
                                </div>
                                <div class="btn forget_list">
                                    <div id="submit1">注册</div>
                                </div>
                            </div>                          
                        </div>
                    </div>
                    <div class="content_r fr">
                        <img src="../img/register.jpg" alt="" />
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="footer_c">
                    <p>
                        <a href="#">关于波奇</a>
                        <span>|</span>
                        <a href="#">友情链接</a>
                        <span>|</span>
                        <a href="#">诚聘英才</a>
                        <span>|</span>
                        <a href="#">联系我们</a>
                        <span>|</span>
                        <a href="#">网站地图</a>
                        <span>|</span>
                        <a href="#">意见反馈</a>
                        <span>|</span>
                        <a href="#">帮助中心</a>
                        <span>|</span>
                        客服热线：400-820-6098
                    </p>
                    <p>
                        <a href="#"><i></i>沪公网安备 31011502004955号</a>
                        <span>|</span>
                        <a href="#">沪ICP备13034501号-2</a>
                        <span>|</span>
                        增值电信业务经营许可证:
                        <a href="#">沪B2-20140120</a>
                    </p>
                    <p>Copyright © 2007-2018 Boqii.com All Rights Reserved 光橙（上海）信息科技有限公司 版权所有 
                    </p>
                    <p>公司地址：上海市浦东新区盛夏路399号亚芯科技园1号楼6楼</p>
                    <p>
                        <a href="#">
                            <img src="../img/foot1.png" alt="" />
                        </a>
                        <a href="#">
                            <img src="../img/foot2.png" alt="" />
                        </a>
                        <a href="#">
                            <img src="../img/foot3.png" alt="" />
                        </a>
                        <a href="#">
                            <img src="../img/foot4.png" alt="" />
                        </a>
                    </p>
                </div>
            </div>
        </div>
   </div>
    <script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../js/register.js"></script>
</body>
</html>